<template>
	<div class="invite-box">
		<view class="center-box">
		 
			<image class="close" src="./close-one.png" v-on:click="on_close"></image>
			<view class="title">接口报错</view>
			<view class="content">
				<scroll-view scroll-y="true" style="height: 63vh;">
					<view>
						<text v-html="_specia"></text>
					</view>
				</scroll-view>
			</view>
		<!-- 	<view class="btn-group">
				<view class="invite-specia">寻求技术协助</view>
			</view> -->
		</view>
	</div>
</template>

<script>
	import invite from '@/common/pop-up/popup.js'
	export default {
		name: 'invite',
		props: {
			_specia: String,
			Profile: String
		},

		data() {
			return {}
		},
		methods: {
			on_close() {
				document.body.removeChild(this.Profile)
			}
		},

		mounted() {
			 uni.hideLoading()
		}
	}
</script>

<style scoped lang='scss'>
	page {
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.invite-box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9999;

		.center-box {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 60%;
			height: 80%;
			border-radius: 16rpx;
			opacity: 1;
			background: rgba(255, 255, 255, 1);



			.close {
				position: absolute;
				top: 24rpx;
				right: 24rpx;
				width: 48rpx;
				height: 48rpx;
			}

			.title {
				margin-top: 66rpx;
				text-align: center;
				color: rgba(0, 0, 0, 1);
				font-size: 36rpx;
				font-weight: 500;

				letter-spacing: 0.6rpx;
			}

			.content {
				margin: 40rpx 0;
				font-size: 26rpx;
				padding: 0 20px;
				letter-spacing: 0.6rpx;
				color: #343434;

				text {
					font-size: 32rpx;
					letter-spacing: 0.6rpx;
					color: rgba(69, 108, 255, 1);
				}
			}

			.btn-group {
				display: flex;
				justify-content: center;
				padding: 0 16rpx;

				.invite-specia {
					width: 526rpx;
					height: 88rpx;
					line-height: 88rpx;
					border-radius: 16rpx;
					text-align: center;
					background: linear-gradient(-46.8deg, rgba(63, 101, 255, 1) 0%, rgba(97, 141, 255, 1) 100%);
					color: #fff;
				}
			}
		}
	}
</style>